$(function () {

    // 需求:切换全选 


     $('.allsel').on('change',function(){

         //获取当前全选的选中状态
         let bool = $(this).prop('checked')
         //赋值给其他商品
         $('.sinsel').prop('checked',bool)   
         //设置其他全选按钮
         $('.allsel').prop('checked',bool)
           
     })


    // 需求:取消全选
    $('.sinsel').on('change',function(){
         
    let allLen=$('.sinsel').length   //定义标杆值

    
        //获取所有商品选中的状态值

      let checkLen = $('.sinsel:checked').length
      $('.allsel').prop('checked',checkLen === allLen)
      allPrice()
    })





    $('.reduce').on('click',function(){
       

        let num= +$(this).siblings('.pronum').val();
       if(num === 1)
       return;
       --num
        $(this).siblings('.pronum').val(num);
        subPrice(this,num)
        allPrice()
    })


    //需求:商品数量减少
    $('.pronum').on('keyup',function(){
        let num = $(this).val()
        val= parseInt( num)
        

        if(isNaN(num)){
            $(this).val(num = 1)
            num = 1
        }else{
            $(this).val(num)
        }
        subPrice(this,num)
        allPrice()
        
    })



    // 需求     
     function subPrice(obj,sNum){
         let price=  $(obj).closest('.shopcar1-body').find('.sinprice').text()
         $(obj).closest('.shopcar1-body').find('.smallprice').text((sNum * price).toFixed(2))
     }

    //需求:商品数量增加
    $('.add').on('click', function () {


        let num = $(this).siblings('.pronum').val();
        console.log(num);
        ++num;
        //console.log(num);
        $(this).siblings('.pronum').val(num);
        subPrice(this, num)
        //console.log($(this).siblings('.pronum').val(num).val());
        allPrice()
    })

    //🐥
    function allPrice() {
        let totalPrice = 0;
        $('.sinsel:checked').each(function (index, dom) {
            let sPrice = +$(dom).closest('.shopcar1-body').find('.smallprice').text()
            totalPrice += sPrice
            $('.totalPrice').text(totalPrice)
        })

    }
})